<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/login.css"/>
</head>
<body>
	<div class="fx_setbox">
		<div class="fx_boxcnt">
			<div class="fx_boxcnt_bt clearfix">
				<div class="fx_additional-info">瑞祥工程管理系统</div>
			</div>
			<div class="fx_logbox">
				<div class="fx_card fx_bg-white">
                    <div class="fx_card-content">
                        <section class="fx_logo fx_text-center">
                            <h2><a href="#/" class="fx_ng-binding">登录</a></h2>
                        </section>
                        <form>
                            <div class="fx_form-group">
                                <div class="fx_ui-input-group">        
                                    <input type="text" required="" class="fx_form-control">
                                    <span class="fx_input-bar"></span>
                                    <label>账号</label>
                                </div>
                            </div>
                            <div class="fx_form-group">
                                <div class="fx_ui-input-group">        
                                    <input type="password" required="" class="fx_form-control">
                                    <span class="fx_input-bar"></span>
                                    <label>密码</label>
                                </div>
                            </div>
                            <p class="fx_ftclor">用户密码错误!</p>
                        </form>
                    </div>
                    <div class="fx_text-right clearfix">
                    	 <a href="javascript:;" class="fx_color-pl"><input type="checkbox" class="fx_chec">记住密码</a>
                        <a href="javascript:;" class="fx_color-pr">登 录</a>
                        

                    </div>
                </div>
			</div>
			
		</div>
	</div>
</body>
<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
	$('.fx_form-control').each(function(){
		$(this).focus(function(){
			$(this).parent().find('.fx_input-bar').removeClass('style2');
			$(this).parent().find('.fx_input-bar').addClass('style1');
			$(this).parent().find('label').css({'color':'#009688'});
			$(this).parent().find('label').stop().animate({'top':'-15px','fontSize':'12px'});
		});
		$(this).blur(function(){
			if($(this).val()==''){
				$(this).parent().find('label').css({'color':'#CBD5DD'});
				$(this).parent().find('label').stop().animate({'top':'10px','fontSize':'14px'});
			};
			$(this).parent().find('.fx_input-bar').addClass('style2');
			$(this).parent().parent().siblings().find('.fx_input-bar').removerClass('style1');
		});
	});
});
</script>
</html>









